.flex {
  display: flex !important;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.justify-center {
  display: flex !important;
  justify-content: center;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-baseline {
  display: flex;
  align-items: baseline;
}

/*截断文字的class类名*/
.breakCol1 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  display: -webkit-box;
}

.breakCol2 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  display: -webkit-box;
}

.breakCol3 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
  display: -webkit-box;
}

.breakCol_230 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 230px;
  display: -webkit-box;
}

.custom-button {
  user-select: none;
  cursor: pointer;
}
